export default {
	install(Vue) {
		Vue.mixin({
			data() {
				return {
					open: false,
					// mark 是指原点x轴坐标
					mark: 0,
					// newmark 是指移动的最新点的x轴坐标 
					newmark: 0,
					istoright: false
				}
			},
			methods: {
				tap_ch: function(e) {
				
					if (this.open) {
						this.open = false
						
					
					} else {
						this.open = true
						
					}
				},

				tap_start: function(e) {
					// touchstart事件
					// 把手指触摸屏幕的那一个点的 x 轴坐标赋值给 mark 和 newmark
					this.mark = this.newmark = e.touches[0].pageX;
				},

				tap_drag: function(e) {
					// touchmove事件
					this.newmark = e.touches[0].pageX;
/*
					// 手指从左向右移动
					if (this.mark < this.newmark) {
						this.istoright = true;
					}
					// 手指从右向左移动
					if (this.mark > this.newmark) {
						this.istoright = false;
					}
					*/
					// 手指从左向右移动
					let mak= this.newmark - this.mark
					if (mak>30) {
						this.istoright = true;
					}
					// 手指从右向左移动
					if (mak <-30) {
						this.istoright = false;
					}
					
					this.mark = this.newmark;
				},

				tap_end: function(e) {
					// touchend事件
					this.mark = 0;
					this.newmark = 0;
					// 通过改变 opne 的值，让主页加上滑动的样式
					if (this.istoright) {
						this.open = true
					} else {
						this.open = false

					}
				}
			}
		})
	}
}
